/*
 * Jquery AccordionImageMenu Plugin 0.4.
 * Examples and documentation at: http://web-argument.com/jquery-accordion-image-menu-plugin
 * By Alain Gonzalez (http://web-argument.com)
 * Copyright (c) 2011 Alain Gonzalez 
 * Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
*/

(function( $ ){

	function accordionMenuSetting(obj,settings) {		
			
			this.menuSettings = settings;
			this.menuAnimate = animate;			
            var _this = this;
			
			function animate(obj,i){				
				
				$.each(obj, function(j) {
					var otherDim = Math.round(  (  (_this.menuSettings.closeDim*obj.length)-(_this.menuSettings.openDim)  )/(obj.length-1)  );			
					var itemDim = otherDim;			
					if ( j == i ) {
						itemDim = _this.menuSettings.openDim;
					}
					if (typeof i == 'undefined') {
						if (_this.menuSettings.openItem == null) itemDim = _this.menuSettings.closeDim;
						else if (_this.menuSettings.openItem == j) itemDim = _this.menuSettings.openDim;
						else itemDim = otherDim;
					}
					
					if (_this.menuSettings.position == 'vertical')
						$(this).animate({'height':itemDim},_this.menuSettings.duration,_this.menuSettings.effect);
					else 
						$(this).animate({'width':itemDim},_this.menuSettings.duration,_this.menuSettings.effect);
						
					var title = $('span',this);
					
					title.stop(true,false);
					
					if (_this.menuSettings.fadeInTitle != null && title.length > 0) {
						if (itemDim == _this.menuSettings.openDim) {
							if (_this.menuSettings.fadeInTitle) title.animate({'opacity':0.7});
							else title.animate({'opacity':0});		
						} else {
							if (_this.menuSettings.fadeInTitle) title.animate({'opacity':0});
							else title.animate({'opacity':0.7});
						}
					}						
				});		
			
			}

			var $this = $('a',obj);
			
			_this.menuAnimate($this);
			
			var maxDim = _this.menuSettings.closeDim*$this.length + _this.menuSettings.border*$this.length + 10;
			
			if (_this.menuSettings.position == 'vertical') 
				$(obj).css({'width':_this.menuSettings.width+'px','height':maxDim+'px'});
			else 
				$(obj).css({'height':_this.menuSettings.height+'px','width':maxDim+'px'});		
			 
			
			$.each($this, function(i) {	
				
				ImgSrc = $('img',this).attr('src');
				$('img',this).hide();
				
				var borderBottomValue = 0;
				var borderRightValue = 'solid '+_this.menuSettings.border+'px '+_this.menuSettings.color;
				var aWidth = 'auto';			
				var aHeight = _this.menuSettings.height+'px';
				
				if (_this.menuSettings.position == 'vertical') {
					
					borderBottomValue = 'solid '+_this.menuSettings.border+'px '+_this.menuSettings.color;
					borderRightValue = 0;
					aWidth = _this.menuSettings.width+'px';				
					aHeight = 'auto';				
				}	
				
				
				if ( i == ($this.length-1)) {
					borderBottomValue = 0;
					borderRightValue = 0;
				} 
							
				$(this).css({
							'width': aWidth,
							'height': aHeight,
							'background-image':'url('+ImgSrc+')',
							'background-color':_this.menuSettings.color,
							'background-repeat':'no-repeat',
							'border-bottom': borderBottomValue,
							'border-right': borderRightValue						
							}).mouseenter(function() {
								$this.stop(true,false);
								_this.menuAnimate($this,i);
							});	
			
			});
			
			$(obj).mouseleave(function() {
				_this.menuAnimate($this);
			});
	

	}
	
	$.fn.AccordionImageMenu = function( options ) {	
	
		var settings = {
						'closeDim': 100,
						'openDim': 200,
						'width':200,
						'height':200,
						'effect': 'swing',
						'duration': 400,
						'openItem': null,
						'border': 2,
						'color':'#000000', 
						'position':'horizontal',
						'fadeInTitle': true
						};
		
		return this.each(function() { 			
			$(this).addClass("aim");
			$('br',this).remove();
			if ( options ) $.extend( settings, options );			
			var menu = new accordionMenuSetting(this,settings);
		});
	};
  
})( jQuery );